Adwaita: Update progressbar styling
authorMatthias Clasen <mclasen@redhat.com>
Wed, 4 Nov 2015 17:33:06 +0000 (12:33 -0500)
committerMatthias Clasen <mclasen@redhat.com>
Wed, 4 Nov 2015 17:33:06 +0000 (12:33 -0500)
Adjust to the changes in the previous commit. This partially
undoes the earlier progressbar changes.

gtk/theme/Adwaita/_common.scss
gtk/theme/Adwaita/gtk-contained-dark.css
gtk/theme/Adwaita/gtk-contained.css

index 0386112ea206c0bd30809eed02cda2ef3f7900d7..2d9d8965bdbd086f4ea8820f70c48c2c2bf90718 100644 (file)
@@ -2338,23 +2338,29 @@ progressbar {
   box-shadow: inset 1px 1px transparentize(black, 0.9), // needs to be set
               _widget_edge();                           // here ot it gets
                                                         // clipped
-  border: 1px solid $borders_color;
-  border-radius: 3px;
-  background-color: mix($borders_color, $bg_color, 35%);
 
   &:backdrop {
     color: $backdrop_insensitive_color;
-    border-color: $backdrop_borders_color;
-    background-color: $backdrop_dark_fill;
-    box-shadow: 0 1px transparentize(white,1);
   }
   &.osd {
     -GtkProgressBar-xspacing: 0;
     -GtkProgressBar-yspacing: 0;
     -GtkProgressBar-min-horizontal-bar-height: 3;
-    border-style: none;
-    background-color: transparent;
-    box-shadow: none;
+    trough {
+      border-style: none;
+      background-color: transparent;
+      box-shadow: none;
+    }
+  }
+  trough {
+    border: 1px solid $borders_color;
+    border-radius: 3px;
+    background-color: mix($borders_color, $bg_color, 35%);
+    &:backdrop {
+      border-color: $backdrop_borders_color;
+      background-color: $backdrop_dark_fill;
+      box-shadow: 0 1px transparentize(white,1);
+    }
   }
 }
 
index 17af0d4d76f03c3e472c02ebb19957cce2939b0c..af338af4ad183dfc2d839c46c497f643314a0bfc 100644 (file)
@@ -3420,22 +3420,25 @@ progressbar {
   padding: 0;
   font-size: smaller;
   color: rgba(238, 238, 236, 0.4);
-  box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1);
-  border: 1px solid #1c1f1f;
-  border-radius: 3px;
-  background-color: #2f3434; }
+  box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
   progressbar:backdrop {
-    color: #5d6767;
-    border-color: #1f2222;
-    background-color: #303535;
-    box-shadow: 0 1px rgba(255, 255, 255, 0); }
+    color: #5d6767; }
   progressbar.osd {
     -GtkProgressBar-xspacing: 0;
     -GtkProgressBar-yspacing: 0;
-    -GtkProgressBar-min-horizontal-bar-height: 3;
-    border-style: none;
-    background-color: transparent;
-    box-shadow: none; }
+    -GtkProgressBar-min-horizontal-bar-height: 3; }
+    progressbar.osd trough {
+      border-style: none;
+      background-color: transparent;
+      box-shadow: none; }
+  progressbar trough {
+    border: 1px solid #1c1f1f;
+    border-radius: 3px;
+    background-color: #2f3434; }
+    progressbar trough:backdrop {
+      border-color: #1f2222;
+      background-color: #303535;
+      box-shadow: 0 1px rgba(255, 255, 255, 0); }
 
 progressbar.horizontal progress {
   background-image: linear-gradient(to bottom, #215d9c 2px, #266cb5);
index 18bd3df0e65a6ab5819c0600772cca33f7474d93..6f307a2e8ef2d067a54d97d561f6a960495f719d 100644 (file)
@@ -3582,22 +3582,25 @@ progressbar {
   padding: 0;
   font-size: smaller;
   color: rgba(46, 52, 54, 0.4);
-  box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px white;
-  border: 1px solid #a1a1a1;
-  border-radius: 3px;
-  background-color: #d2d2d2; }
+  box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px white; }
   progressbar:backdrop {
-    color: #c7c7c7;
-    border-color: darkgray;
-    background-color: #d5d5d5;
-    box-shadow: 0 1px rgba(255, 255, 255, 0); }
+    color: #c7c7c7; }
   progressbar.osd {
     -GtkProgressBar-xspacing: 0;
     -GtkProgressBar-yspacing: 0;
-    -GtkProgressBar-min-horizontal-bar-height: 3;
-    border-style: none;
-    background-color: transparent;
-    box-shadow: none; }
+    -GtkProgressBar-min-horizontal-bar-height: 3; }
+    progressbar.osd trough {
+      border-style: none;
+      background-color: transparent;
+      box-shadow: none; }
+  progressbar trough {
+    border: 1px solid #a1a1a1;
+    border-radius: 3px;
+    background-color: #d2d2d2; }
+    progressbar trough:backdrop {
+      border-color: darkgray;
+      background-color: #d5d5d5;
+      box-shadow: 0 1px rgba(255, 255, 255, 0); }
 
 progressbar.horizontal progress {
   background-image: linear-gradient(to bottom, #4a90d9 2px, #63a0de);